<template>
	<view class="content">
		<view class="telephone-wrap">
			<view class="telephone">			
				<view @click="handlePhoneClick(phone1)"><text>全国客服电话：</text><text>{{phone1}}</text></view>
				<view v-if="maintain_phone" @click="handlePhoneClick(maintain_phone)"><text>运维电话：</text><text>{{maintain_phone}}</text></view>
			</view>
			<!--safe-area-->
			<view class="bottom-safe-area"></view>
		</view>
	</view>
</template>
<script>
export default {
	name: 'CustomerService',
	data() {
		return {
			phone1:this.$phone,//consumer hotline
		};
	},
	methods:{
		handlePhoneClick(phone){
			uni.makePhoneCall({
			    phoneNumber:phone
			});
		}
	}
};
</script>

<style lang="scss" scoped>
	.telephone-wrap{
		position: fixed;
		left:0;
		bottom:0;
		width:100%;
		z-index: 50;
		background-color:#fff;
	}
	.telephone{
		
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size:22rpx;
		color:#333;
		padding:20rpx 30rpx;
	}
	.telephone view text:nth-child(2){
		color:#0DA297;
	}
	.telephone>view{
		padding:10rpx 0;
	}
</style>
